<html>
 <head>
  <link rel="stylesheet" type="text/css" href="foam.css" />
  <script language="javascript" src="bootFOAMAppsv2.js"></script>
  <title>Mail Reader</title>
 </head>
<body style="overflow:hidden;margin-top:5px;">
<div id="header" style="position:absolute;background-color:#bbb;">
<font size=+3 face="catull" style="float:left;padding-top:8px;padding-left:15px;text-shadow:rgba(64,64,64,0.3) 3px 3px 4px;">
Takeout Reader</font>
<span style="float:right; margin-top: 23px;">MBOX File:<input id="loadmbox" type="file"></span>
<span style="float:right; margin-top: 23px;"><input id="socketload" type="button" value="Load Over Socket"></span>
</div>
<div id="search" style="position:absolute;background-color:#fff;">
  <div id="subjectSearch"  class="searchTitle"></div>
  <div id="toSearch"    class="searchTitle"></div>
  <div id="fromSearch"  class="searchTitle"></div>
  <div id="labelSearch" class="searchTitle"></div>
  <div id="resetSearch" style="float:right" class="searchTitle"><u>Clear All</u></div>
</div>
<div id="browse" style="position:absolute;background-color:#FFF;float:left;"></div>
<div id="edit" style="position:absolute;margin-top:10px;margin-right:15px;border-width:1px;border-style:solid;border-color:black;position:absolute;background-color:#FFF;">
</div>
<div id="footer" style="position:absolute;background-color:#bbb;text-align:left;padding-top:3px;">
  <font size=+1 face="catull" style="padding-left:10px;text-shadow:rgba(64,64,64,0.3) 3px 3px 4px;">
  <font color="#3333FF">F</font><font color="#FF0000">O</font><font color="#FFCC00">A</font><font color="#33CC00">M</font>
  <font color="#555555" > POWERED</font>
</div>
<script src="mreader.js"></script>
</body>
</html>
